.uni-swiper-tab{
	border-bottom: none;height: none;line-height: none;
}
.swiper-tab-list{
	width: 188upx;
}
.uni-tab-bar .active{
	border-bottom: 4upx solid #0FAEFF;padding:10upx 0;color:#0FAEFF ;
}
.subject_top{
	display: flex;flex-direction: row; justify-content: space-around;width: 100%;
	.midle{
		width:190upx;
		.yuan{
			overflow: hidden;text-overflow: ellipsis; width: 190upx;height: 190upx;border-radius: 50%;background: red;margin-top: 20upx;text-align: center;padding:50upx 0;box-sizing: border-box;
			.text1{
				font-size:34upx ;color: white;height: 36upx;margin-bottom: 6upx;white-space: nowrap;display: block;
			}
			.text2{
				font-size:28upx ;color: white;height: 36upx;white-space: nowrap;display: block;
			}
		}
		.yuan:nth-child(1){
			background: linear-gradient(#01DAE7, #0188FA); margin-bottom: 40upx;/* 标准的语法 */
		}
		.yuan:nth-child(2){
			background: linear-gradient(#7AF4D8, #31CBC6);/* 标准的语法 */
		}
	}
	.left,.right{
		width: 120upx;
		.ul{
			text-align: center;
			.li{
				width:80upx;height: 80upx;border-radius: 30upx;line-height: 80upx;font-size: 50upx;color: #fff;margin: auto;
			}
		}
		
		.ul:nth-child(1) .li{
			background: #53A0EE;
		}
		.ul:nth-child(2) .li{
			background: #DD5E7B;
		}
		.ul:nth-child(3) .li{
			background: #E78915;
		}
		.ul:nth-child(4) .li{
			background: #F86424;
		}
		.ul:nth-child(5) .li{
			background: #EA4B2D;
		}
		.ul:nth-child(6) .li{
			background: #796EF1;
		}
		.ul:nth-child(7) .li{
			background: #438DE1;
		}
		.ul:nth-child(8) .li{
			background: #5FCB2A;
		}
	}
}
